<template>
    <el-row>
        <el-form :inline="true">
            <el-form-item label="账户名称">
                <el-input v-model="searchObj.accoutName" @keyup.enter.native="search"></el-input>
            </el-form-item>
            <el-form-item label="应用系统">
                <el-input v-model="searchObj.appName" @keyup.enter.native="search"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button @click="search" type="primary">查询</el-button>
            </el-form-item>
        </el-form>
        <el-row :gutter="20">
            <el-col>
                <el-table
                    :data="tableData"
                    align="center"
                    stripe
                    :highlight-current-row="true"
                    style="width: 100%;">
                    <el-table-column
                        prop="AccountName"
                        align="center"
                        label="账户名称">
                    </el-table-column>
                    <el-table-column
                        prop="AppName"
                        align="center"
                        label="应用系统">
                    </el-table-column>
                    <el-table-column
                        prop="Passcode"
                        align="center"
                        label="OTP码">
                    </el-table-column>
                    <el-table-column
                        prop="Result"
                        align="center"
                        label="验证结果">
                    </el-table-column>
                    <el-table-column
                        prop="CreateTime"
                        align="center"
                        label="验证时间">
                        <template  slot-scope="scope">
                          {{scope.row.CreateTime | date('YYYY-MM-DD HH:mm:ss')}}
                        </template>
                    </el-table-column>
            </el-table>
                <el-pagination
                v-if="tableData != ''"
                class="pagination"
                @current-change="handleCurrentChange"
                @size-change="handlePageSizeChange"
                :page-size="searchObj.pageSize"
                layout="sizes, prev, pager, next, jumper, total"
                :total="totalRows">
            </el-pagination>
            </el-col>
        </el-row>
    </el-row>
</template>
<style lang="less" scoped>

  .el-input {
    width: 300px;
  }

</style>
<script>
    import panelWrap from "../../components/panelWrap"
    import dataList from '../../mixins/dataList'
    export default{
        data(){
            return{
                url: '/log/list',
                cellDataList: [],
                searchObj: {
                    accoutName:'',
                    appName: ''
                }
            }
        },
        mixins: [dataList],
        components:{
            panelWrap
        },
        computed: {

        },
        created () {
        },
        methods: {
        }
    }
</script>
